<template>
  <div>
    首页
    <!--
      父子组件初次渲染时生命周期执行先后
     -->

    <hr>
    <Xxx />
  </div>
</template>
<script>
import Xxx from './components/xxx'
export default {
  components: {
    Xxx
  },
  beforeCreate() {
    console.log('父：beforeCreate')
  },
  created() {
    console.log('父：created')
  },
  beforeMount() {
    console.log('父：beforeMount')
  },
  mounted() {
    console.log('父：mounted')
  },
  beforeUpdate() {
    console.log('父：beforeUpdate')
  },
  updated() {
    console.log('父：updated')
  }
}
</script>
<style></style>
